﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RegistrarGrupo.aspx.cs" Inherits="Modulos_SEA_RegistrarGrupo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="../../js/jquery-1.9.0.min.js"></script>
    <link href="../../css/colorbox/colorbox.css" rel="stylesheet" />
    <link href="../../css/estilos.css" rel="stylesheet" />

    <script type="text/javascript" src="../../js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../../js/colorbox/jquery.colorbox.js"></script>
    <script type="text/javascript" src="../../js/GEN_js.js"></script>

    <script type="text/javascript">
        function Validar() {
            if ($('#txtNombre').val() == '') {
                MostrarAlertaTXT($('#txtNombre'), "El campo Nombre es obligatorio", true);
                return false;

            } else if (ValidarCheck() < 1) {
                $('#<%=chkCargo.ClientID%>').removeClass("rbl-campos-oblig-sb").addClass("rbl-campos-oblig-cb");
                    $("#dvAlerta2").html('Debe seleccionar al menos un Objeto');
                    $("#dvAlerta2").css("display", "block");
                    $("#fijo").css("height", "50px");
                    return false;
                }
                else {
                    $('#txtNombre').removeClass("txt-box-campos-oblig-cb").addClass("txt-box-campos-oblig-sb");
                    $('#chkCargo').removeClass("rbl-campos-oblig-cb").addClass("rbl-campos-oblig-sb");
                    $("#colorbox, #cboxOverlay").appendTo('form:first');
                    AbrirModal('330', '210', true, false, '#yesno', false);
                    $('#yesno').css("display", "block");
                    return false;
                }
        }

        function ValidarCheck() {
            document.getElementById("<%=chkCargo.ClientID%>").childElementCount > 0;
            var CHK = document.getElementById("<%=chkCargo.ClientID%>");
            var checkbox = CHK.getElementsByTagName("input");
            var counter = 0;
            for (var i = 0; i < checkbox.length; i++) {
                if (checkbox[i].checked) {
                    counter++;
                }
            }
            return counter;
        }

        function Aceptar() {
            window.parent.location.reload();
        }

    </script>
</head>
<body>
    <form id="frmRegistrarGrupo" runat="server">
        <div>
            <asp:HiddenField ID="hdfGrupo" runat="server" />
        </div>
        
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="titulo-modal">Registro de Grupo</td>
                </tr>
            </table>
            <table border="0" cellpadding="10px" cellspacing="0">
                <tr>
                    <td class="txt-campos-int">Nombre</td>
                    <td>
                        <input type="text" runat="server" class="txt-box-campos-oblig-sb" id="txtNombre" style="width: 200px;">
                    </td>
                </tr>
                <tr>
                    <td class="txt-campos-int">Descripción</td>
                    <td align="left" class="field_element">
                        <asp:TextBox TextMode="MultiLine" CssClass="textarea-box"  runat="server" Width="210px" ID="txtDescripcion" Rows="4" MaxLength="180"></asp:TextBox>
                </tr>
                <tr>
                    <td class="txt-campos-int">Estado</td>
                    <td>
                        <asp:DropDownList runat="server" ID="ddlEstado" Width="120px" CssClass="field_element"></asp:DropDownList></td>
                </tr>
                <tr>
                    <td colspan="2" class="txt-campos-int">Listado de Cargos Asociados:</td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="div-scrollCheckList" style="overflow: auto">
                            <asp:CheckBoxList class="rbl-campos-oblig-sb" ID="chkCargo" runat="server"></asp:CheckBoxList>
                        </div>
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <asp:Button ID="btnGrabar" OnClientClick="return Validar()" runat="server" CssClass="skip" Text="Grabar" />
                        <input id="btnCancelar" type="button" class="skip" onclick="window.parent.CerrarModal();" value="Cancelar" />
                    </td>
                </tr>
            </table>
       

        <div id="fijo" runat="server">
            <div class="alertaRegistro mensajes" runat="server" style="display: none;" id="dvAlerta2">
            </div>
        </div>

        <div id="yesno" style="display: none">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="titulo-modal">Mensaje del Sistema</td>
                </tr>
            </table>
            <br />
            <table width="100%" align="center" border="0" cellspacing="2" cellpadding="1">
                <tr>
                    <td align="center" width="72">
                        <img alt="Interrogación" src="../../images/icon-interrogacion-modal.png" /></td>
                    <td class="" align="center" style="padding-left: 6px; padding-right: 6px;">¿Esta seguro que desea guardar los cambios?</td>
                </tr>
            </table>
            <table width="80%" border="0" align="center" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="center">
                        <asp:Button ID="btnSi" runat="server" CssClass="skip" Text="Si" OnClick="btnSi_Click" />
                        <input id="btnNo" type="button" class="skip" onclick="window.parent.CerrarModal();" value="No" />
                    </td>
                </tr>
            </table>
        </div>

        <div id="confirmacion" style="display: none">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="titulo-modal">Mensaje del Sistema</td>
                </tr>
            </table>
            <br />
            <table width="100%" align="center" border="0" cellspacing="2" cellpadding="1">
                <tr>
                    <td align="center" width="72">
                        <img alt="confirmacion" src="../../images/icon-valido.png" /></td>
                    <td class="" align="center" style="padding-left: 6px; padding-right: 6px;">Los datos se guardaron correctamente.</td>
                </tr>
            </table>
            <table width="80%" border="0" align="center" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="center">
                        <asp:Button ID="btnAceptar" runat="server" CssClass="skip" Text="Aceptar" OnClientClick="Aceptar();" />
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>
